<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我的成绩</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
</head>
<body>
    <header th:replace="common::#header"></header>
    <nav th:replace="common::#nav"></nav>
    <article class="container">
        <div th:if="${#lists.isEmpty(scoreList)}">您的成绩列表为空</div>
        <table class="table table-striped" th:unless="${#lists.isEmpty(scoreList)}">
            <thead>
                <tr>
                    <th>卷ID</th>
                    <th>卷名</th>
                    <th>成绩</th>
                    <th>创建时间</th>
                    <th>更新时间</th>
                </tr>
            </thead>
            <tbody>
                <tr th:each="score:${scoreList}">
                    <td th:text="${score.paper.paId}"></td>
                    <td th:text="${score.paper.paName}"></td>
                    <td th:text="${score.scMark}"></td>
                    <td th:text="${score.scCreatedate}"></td>
                    <td th:text="${score.scUpdatedate}"></td>
                </tr>
            </tbody>
        </table>
    </article>
    <footer th:replace="common::#footer"></footer>

    <script th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.js}"></script>
    <script th:src="@{/js/layer.js}"></script>
    <script th:src="@{/js/login.js}"></script>
</body>
</html>